<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name=viewport content="width=device-width,initial-scale=1">
		<title>押金管理</title>
		<link rel="stylesheet" href="${ctxStatic}/jiujiudevice/css/public.css" />
		<link rel="stylesheet" href="${ctxStatic }/layui/css/layui.css"  media="all">
		<script type="text/javascript" src="${ctxStatic }/jquery/jquery-1.9.1.min.js" ></script>
		<script src="${ctxStatic }/layui/layui.js" charset="utf-8"></script>
	</head>
	<body>
		<div class="pay-top">
			<p>已缴押金</p>
			<p class="pay-money">￥${jiuCashRecord.money }</p>
		</div>
		<div>
			<p class="pay-title">退押金后</p>
			<div class="pay-way"><img src="${ctxStatic}/jiujiudevice/img/return.png" width="24px"><i>将不再使用设备</i></div>
		</div>
		<div style="margin: 35% 5% 0 5%; text-align: center;">
			
			<button class="btn-login" onclick="location.href='${ctxFront }/jiujiudevice/usercenter'">留下来</button>
			<button class="btn-return" onclick="tuiyajin()">退押金</button>
		</div>
	</body>
	<script type="text/javascript">
	    layui.use('layer', function(){
		  var layer = layui.layer;
		});   
		function tuiyajin(){
		/* layer.confirm('退押金后将不能正常使用设备，是否继续？', {
			btn: ['取消', '确定'], //可以无限个按钮 
			yes: function(index, layero){
			  layer.close(index);
			},btn2: function(index){
				location.href='${ctxFront }/jiujiudevice/tuiyajin';
			}
		   }); */
			layer.confirm('退押金后将不能正常使用设备，是否继续？', 
				
				{
				  title:'提示',
				  btn: ['确定', '取消'] //可以无限个按钮
				}, function(index, layero){
				  //按钮【按钮一】的回调
					location.href='${ctxFront }/jiujiudevice/tuiyajin';
				}, function(index){
				  //按钮【按钮二】的回调
				  layer.close(index);
				});
		}
		
	</script>

</html>
